<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<style>
	.bzzx{
		color: rgb(155, 146, 146);
		text-indent: 50px;
		line-height: 40px;
		font-size: 20px;
        margin-left: 100px;
	}
	p{
		font-weight: 700;
		font-size: 25px;
	}
	#yfm{
		float: right;
        width: 66.7%;
		height: 1000px;
	}
    #aimg{
		float: right;
		height: 300px;
		width: 100%;
	}
	#xjz{
        width: 100%;
	}
	.fenlei{
		height: 200px;
		width: 225px;
		border: 2px solid black;
		display: inline-block;
		margin: 20px 10px;
	}
	#four{
		margin-left: 100px;
	}
.xx{
	height: 50%;
	width: 100%;
}
a{
	font-size: 16px;
	text-align: center;
	
}
.span1{
	text-align: center;
	font-size: 15px;
	margin-top: 30px;
}
</style>
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
		integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
	<link rel="stylesheet" href="css/iconfont.css">
	<link rel="stylesheet" href="css/index.css">
</head>

<body>
	<div id="yfm">
		<img id="aimg" src="C:\Users\asus\Desktop\图\header.jpg">
		<div id="xjz">
            <div class="fenlei" id="four"><img class="xx" src="images/xx.jpg"><div class="span1">星巴克中国常见问题</div></div>
			<div class="fenlei"><img class="xx" src="images/xx.jpg"><div class="span1">星享俱乐部常见问题解答</div></div>
			<div class="fenlei"><img class="xx" src="images/xx.jpg"><div class="span1">星享俱乐部会员星礼包的常见问题解答</div></div></br>
			<div class="fenlei" id="four"><img class="xx" src="images/xx.jpg"><div class="span1">星巴克专星送常见问题</div></div>
			<div class="fenlei""><img class="xx" src="images/xx.jpg"><div class="span1">啡快服务常见问题</div></div>
			<div class="fenlei"><img class="xx" src="images/xx.jpg"><div class="span1">星礼卡常见问题</div></div>
			<div class="fenlei" id="four"><img class="xx" src="images/xx.jpg"><div class="span1">星巴克移动应用常见问题</div></div>
			<div class="fenlei""><img class="xx" src="images/xx.jpg"><div class="span1">星巴克移动应用常见问题</div></div>
			<div class="fenlei"><img class="xx" src="images/xx.jpg"><div class="span1">电子发票常见问题解答</div></div>
			<div class="fenlei" id="four"><img class="xx" src="images/xx.jpg"><div class="span1">星巴克线上店单门店列表</div></div>
			<div class="fenlei""><img class="xx" src="images/xx.jpg"><div class="span1">臻选店和旗舰店清单</div></div>
			<div class="fenlei"><img class="xx" src="images/xx.jpg"><div class="span1">不可兑换会员星礼包好礼门店清单</div></div>
			<div class="fenlei" id="four"><img class="xx" src="images/xx.jpg"><div class="span1">不可销售星礼卡等预付卡券的门店列表</div></div>
			<div class="fenlei""><img class="xx" src="images/xx.jpg"><div class="span1">隐私权政策</div></div>
			<p id="a">星巴克中国是否提供外送服务？</br>
				星巴克中国目前在部分城市开通了星巴克专星送线上订餐服务(点击查询星巴克专星送门店列表)，您可以下载星巴克中国App或者使用饿了么订餐平台体验我们的服务。</p></br>
			<p id="b">如何加入星享俱乐部？</br>
				您可以通过星巴克中国移动应用（以下简称“星巴克App”）、其他星巴克线上渠道或者星巴克指定的第三方合作伙伴（以下简称“合作伙伴”）的渠道，按照相关指引注册星享俱乐部帐户。自您成功注册了星享俱乐部帐户之日（以下简称“帐户注册日”）起，您就成为了星享俱乐部会员（以下简称“会员”）。</p></br>
			<p id="c">如何购买会员星礼包？</br>
				您可以在参加星享俱乐部活动的星巴克门店、Starbucks星巴克天猫官方旗舰店（starbucks.tmall.com）（以下简称“星巴克天猫旗舰店”）以及星巴克指定的其他渠道（若有）购买会员星礼包。会员星礼包的具体售价以上述该等渠道标明的实际售价为准。</p></br>
			<p id="d">我为什么不可以点单？</br>
				目前在部分城市门店开通了星巴克专星送线上订餐服务（点击查询星巴克专星送门店列表）。为了保证产品质量，当您在下单前确认送餐地址后，系统会为您自动匹配合适的门店提供外送服务，不提供人工选择门店的功能。且各门店配送范围有限，若您的送餐地址超出服务区将造成无法送餐。专星送线上订餐服务可能因恶劣天气、不可抗力等原因而中断、延迟或取消，敬请谅解。</p></br>
			<p id="e">如何确认我的啡快订单已经提交成功?</br>
				当您成功完成付款时,您的啡快订单将同时⾃动提交，届时订单页面会出现“订单提交成功”的提示。此外，一旦订单完成付款并提交，您就可以在“历史订单”中查询本次订单的详情。</p></br>
			<p id="f">星礼卡能否购买会员星礼包吗？</br>
				不能，星礼卡为星巴克（上海）商业有限公司发行的预付卡，可用于在中国大陆地区指定的星巴克门店兑换或购买其出售的特定商品（预付卡、券类、会员星礼包商品除外）。</p></br>
			<p id="g">在哪里可以下载iOS版和Android版星巴克手机应用？</br>
				iOS用户可以在Apple App Store免费下载全新星巴克手机应用。Android用户可在Android应用商城免费下载全新星巴克手机应用。更多资讯请点击全新星巴克手机应用的下载页面。</p></br>
			<p id="h">什么是电子发票？</br>
				电子发票就是电子形式的发票，其发票代码、开票机构、金额等信息以及打印后版式均与纸质发票相同。电子发票在保管、查询、调阅时更加便捷。</p></br>
		</div>
	</div>
	<div class="container-fluid">
		<div class="row justify-content-end">
			<div class="col-lg-4 position-fixed border-right leftCon">

				<header class="navbar d-none d-sm-flex px-0 px-lg-3 py-3 py-lg-4">
					<a href="#" class="navbar-brand"><img src="images/logo.svg" alt="" width="36"></a>
					<ul class="nav mr-auto">
						<li class="nav-item">
							<a href="#" class="nav-link text-dark font-weight-bold">门店</a>
						</li>
						<li class="nav-item">
							<a href="#" class="nav-link text-dark font-weight-bold">我的账户</a>
						</li>
						<li class="nav-item">
							<a href="#" class="nav-link text-dark font-weight-bold">菜单</a>
						</li>
					</ul>
					<span class="iconfont icon-menu" id="showBtn"></span>
				</header>

        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;帮助中心</p>
        <div class="bzzx">全部</div>
        <div ><a href="#a" class="bzzx">星巴克中国常见问题</a></div>
        <div ><a href="#b" class="bzzx">星享俱乐部常见问题解答</a></div>
        <div ><a href="#c" class="bzzx">星享俱乐部会员星礼包的常见问题解答</a></div>
        <div ><a href="#d" class="bzzx">星巴克专星送常见问题</a></div>
        <div ><a href="#e" class="bzzx">啡快服务常见问题</a></div>
        <div ><a href="#f" class="bzzx">星礼卡常见问题</a></div>
        <div ><a href="#g" class="bzzx">星巴克移动应用常见问题</a></div>
        <div ><a href="#h" class="bzzx">电子发票常见问题解答</a></div>
        <div ><a href="https://www.bilibili.com/video/BV1Zg411u7eo?t=2" class="bzzx">星巴克线上店单门店列表</a></div>
        <div ><a href="https://www.bilibili.com/video/BV1Zg411u7eo?t=2" class="bzzx">臻选店和旗舰店清单</a></div>
        <div ><a href="https://www.bilibili.com/video/BV1Zg411u7eo?t=2" class="bzzx">不可兑换会员星礼包好礼门店清单</a></div>
        <div ><a href="https://www.bilibili.com/video/BV1Zg411u7eo?t=2" class="bzzx">不能使用星巴克纸质饮料券兑换的饮品列表</a></div>
        <div ><a href="https://www.bilibili.com/video/BV1Zg411u7eo?t=2" class="bzzx">不可销售星礼卡等预付卡券的门店列表</a></div>
        <div ><a href="https://www.bilibili.com/video/BV1Zg411u7eo?t=2" class="bzzx">隐私权政策</a></div>
     
				<div class="d-flex bg-white flex-column justify-content-between position-absolute menu hide">
					<header class="navbar d-flex px-0 px-lg-3 py-3 py-lg-4">
						<a href="#" class="navbar-brand"><img src="images/logo.svg" alt="" width="36"></a>
						<span class="iconfont icon-guanbi" id="closeBtn"></span>
					</header>
					<div class="list">
						<ul class="list-unstyled mx-sm-5 pl-sm-5">
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">门店</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">星享俱乐部</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">菜单</a></li>
							<hr>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">星巴克移动应用</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">星礼卡</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">星巴克臻选™</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">啡快™ － 在线点 到店取</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">专星送™</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">咖啡星讲堂</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">上海烘焙工坊</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">关于星巴克</a></li>
							<li><a href="#" class="font-weight-bold text-dark py-2 d-block">帮助中心</a></li>
							<hr>
						</ul>	
					</div>
				</div>

			</div>
		</div>
	</div>
    
	

	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
		integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
		crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
		integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
		crossorigin="anonymous"></script>
	<script>
		$('#showBtn').on('click',function(){
			$('.menu').removeClass('hide').addClass('show');
			shadowMenu();
		});
		$('#closeBtn').on('click',function(){
			$('.menu').removeClass('show').addClass('hide');
			shadowMenu();
		});

	
	</script>
</body>

</html>